﻿/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/stamp-collecting.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {margin:0; padding:0px; list-style:none; white-space:nowrap; text-align:left; float:left;}

#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline-block; display:inline;}
#menu ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px; z-index: 999;}

#menu ul.ul-one {background:#3aa3d3;}
#menu ul.ul-two {background:#ae4621;}
#menu ul.ul-three {background:#c98b14;}
#menu ul.ul-four {background:#9f690e;}
#menu ul.ul-five {background:#90b0c0;}
#menu ul.ul-six {background:#88a8b8;}
#menu ul.ul-seven {background:#80a0b0;}

#menu li.li-top {float:left; display:block;}
#menu li.first {background:none;}

#menu a {display:block; color:#000; line-height:25px; text-decoration:none; padding:0 20px 0 10px;}

#menu :hover a:hover {background:#000; color:#fff;}

#menu li a.sub {background:url(../img/arrow.gif) no-repeat right center;}

#menu li.li-top {float:left; display:block; position:relative;}
#menu li.li-top a.top {float:left;}

#menu li a.top:hover {position:relative; background-color:#ccc; color:#fff;}
#menu li.li-top:hover {position:relative; background-color:#ccc; color:#fff;}

#menu li.li-top:hover > a, #menu li.li-top:hover ul :hover > a {background-color:#ccc; color:#fff;}

#menu li.li-top:hover ul {margin-top:25px;}

#menu :hover ul {left:0;}
#menu :hover ul a {white-space:nowrap;}
#menu b {position:absolute;}
#menu :hover ul.right {left:auto; right:-1px;}


#menu :hover ul :hover ul, 
#menu :hover ul :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul
{left:95%; margin-top:-26px;}

#menu :hover ul :hover ul.left, 
#menu :hover ul :hover ul :hover ul.left,
#menu :hover ul :hover ul :hover ul :hover ul.left,
#menu :hover ul :hover ul :hover ul :hover ul :hover ul.left,
#menu :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul.left,
#menu :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul.left
{left:auto; right:95%; margin-top:-26px;}

#menu :hover ul ul, 
#menu :hover ul :hover ul ul,
#menu :hover ul :hover ul :hover ul ul,
#menu :hover ul :hover ul :hover ul :hover ul ul,
#menu :hover ul :hover ul :hover ul :hover ul :hover ul ul,
#menu :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul ul
{left:-9999px;}

#menu :hover ul ul.left, 
#menu :hover ul :hover ul ul.left,
#menu :hover ul :hover ul :hover ul ul.left,
#menu :hover ul :hover ul :hover ul :hover ul ul.left,
#menu :hover ul :hover ul :hover ul :hover ul :hover ul ul.left,
#menu :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul ul.left
{left:-9999px; right:auto;}

#menu table {position:absolute; height:0; width:0; left:0; border-collapse:collapse; margin-top:18px;}
#menu table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-left:-7px;}

#menu table.right {position:absolute; height:0; width:0; left:auto; right:0; border-collapse:collapse;}
#menu table.left {position:absolute; left:auto; right:99%; height:0; width:0; border-collapse:collapse; margin-right:-7px;}